<template>
	<view class="content">
		<!-- 所有内容的容器 -->
		<view>
			<img src="@/static/indexHead.jpg" alt="" style="position: absolute;width: 750rpx;height: 300rpx;">
			<view style="width: 750rpx;height: 100rpx;position: relative;display: flex;justify-content: space-between;padding: 30rpx;align-items: center;">
				<view style="color: #ffffff;font-size: 32rpx;font-weight: bold;display: flex;align-items: center;">
					<img src="@/static/headIcon.png" style="width: 50rpx;margin-right: 20rpx;" alt="">{{siteName}}
				</view>
				<view style="display: flex;align-items: center;">
					<view style="display: flex;align-items: center;margin-right: 30rpx;" @click="$tourl($unishow+'index/town')">
						<img src="@/static/titleIcon1.png" style="width: 38rpx;height: 38rpx;margin-right: 15rpx;" alt="">
						<span style="color: #ffffff;font-size: 28rpx;">认领城镇</span>
					</view>
					<view style="display: flex;align-items: center;" @click="onCunzhen">
						<img src="@/static/titleIcon2.png" style="width: 38rpx;height: 38rpx;margin-right: 15rpx;" alt="">
						<span style="color: #ffffff;font-size: 28rpx;">认领村镇</span>
					</view>
				</view>
			
			</view>
		</view>
		<view style="position: relative;height: 30rpx;">
			<img src="@/static/lunbostyle.png" style="width: 600rpx;position: absolute;left: 75rpx;top: -8rpx;" alt="">
		</view>
		<view style="background-color: #ffffff;padding:0 30rpx 30rpx 30rpx;">
			<u-swiper  :list="slide" interval="3000" duration="500" border-radius="20"
				 height="400" @click="onClickSlide">
			</u-swiper>
		</view>

		<!-- 	<view style="padding: 8px 12px; border: none;" v-if="weather">
			<semp-notice-bar :strText="weather" :scrollable="true" :round="true" icon="&#xe8bb;" color="#ff612a"
				bgColor="#fff2eb" setIconColor="#ff612a"></semp-notice-bar>
		</view> -->
		<view class="" style="padding: 8px 12px; background-color: #ffffff;">
			<u-grid :col="5" :border="false" @click="onClickNav">
				<u-grid-item v-for="(item,index) in nav" :key="item.id" :index="index"
					:custom-style="{padding: '3px 0px'}">
					<view class="grid-image">
						<u-image width="100rpx" height="100rpx" :src="item.image"></u-image>
					</view>
					<view class="grid-text">{{item.title}}</view>
				</u-grid-item>
			</u-grid>
		</view>

		<!-- 今日热点 -->
		<view class="hotNews">
			<view class="newsTitle" @click="$tourl('https://www.dyszjx.com/index/marticle?cid=15')">
				<view class="left">
					<img src="@/static/newsIcon.png" alt="">
					<span class="boldTxt">今日热点</span>
				</view>
				<view class="right">更多></view>
			</view>
			<view class="newsBody" @click="$tourl('https://www.dyszjx.com/index/marticle/view?id='+newsList.id)">
				<view class="left">
					<view
						style="font-size: 30rpx;overflow:hidden;text-overflow:ellipsis;;word-break:break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;flex: 1;">
						{{newsList.title}}
					</view>
					<view style="font-size:20rpx;color: #9c9c9c;padding-top: 20rpx;">
						{{newsList.createtime}}
					</view>
				</view>
				<view class="right">
					<img :src="newsList.cover_image" alt="">
				</view>
			</view>
		</view>

		<!-- 签到等功能模块 -->
		<view style="background-color: #ffffff;padding: 30rpx;display: flex; justify-content: space-between;">
			<view style="position: relative;color: #ffffff;" @click="$tourl($unishow+'index/mall/index')">
				<view style="position: absolute;font-size: 38rpx;font-weight: bold;top: 40rpx;left: 0;right: 0;margin: auto;text-align: center;">选品中心</view>
				<!-- <view style="position: absolute;top: 98rpx;left: 32rpx;">每天签到领积分</view> -->
				<img src="@/static/leftIcon.png" alt="" style="width: 327rpx;height:310rpx;">
				<img src="@/static/goods.png" alt=""
					style="width: 117rpx;height:124rpx;position: absolute;top: 120rpx;left: 100rpx;">
			</view>
			<view style="display: flex;flex-direction: column;justify-content: space-between;">
				<view style="position: relative;color: #ffffff;"
					@click="$tourl($unishow+'index/supply')">
					<view style="position: absolute;font-size: 38rpx;font-weight: bold;top: 20rpx;left: 16rpx;">供求大厅
					</view>
					<view style="position: absolute;top: 78rpx;left: 16rpx;">快捷的沟通渠道</view>
					<img src="@/static/rightIcon1.png" alt="" style="width: 351rpx;height:146rpx">
					<img src="@/static/supplyAndDemand.png" alt=""
						style="width: 83rpx;height:77rpx;position: absolute;top: 39rpx;left: 237rpx;">
				</view>
				<view style="position: relative;color: #ffffff;" @click="$tourl('index/mall/index/group')">
					<view style="position: absolute;font-size: 38rpx;font-weight: bold;top: 50rpx;left: 16rpx;">团购折扣仓
					</view>
					<!-- <view style="position: absolute;top: 78rpx;left: 16rpx;">超多任务等你来</view> -->
					<img src="@/static/rightIcon2.png" alt="" style="width:351rpx;height:146rpx">
					<img src="@/static/goodss.png" alt=""
						style="width: 83rpx;height:77rpx;position: absolute;top: 39rpx;left: 237rpx;">
				</view>
			</view>
		</view>
		<view class="hotNews">
			<view class="newsTitle" @click="$tourl($unishow+'index/mall/index')">
				<view class="left">
					<img src="@/static/shangcheng.png" alt="">
					<!-- <span class="boldTxt">积分商品</span> -->
                    <span class="boldTxt">本地商品</span>
				</view>
				<view class="right">更多></view>
			</view>
			<scroll-view scroll-x="true" style="white-space: nowrap;">
				<view class="jifenShop">
                    
					<!-- <view class="shop" v-for="(item,index) in shoplist" @click="$tourl($unishow+'index/shop/view?id='+item.id)">
						<view>
							<img :src="item.cover_image" alt=""
								style="width: 225rpx;height: 180rpx;border-radius: 20rpx;">
						</view>
						<view style="line-height: 50rpx;">
							{{item.name}}
						</view>
						<view style="color: #F2344E;font-size: 35rpx;font-weight: bold;line-height: 50rpx;">
							{{item.points||0}} <span style="font-size: 20rpx;font-weight: 300rpx;">积分</span>
						</view>
					</view> -->
                    <view class="shop" v-for="(item,index) in mall" @click="$tourl($unishow+'index/mall/goods/view?id='+item.id)">
                    	<view>
                    		<img :src="item.cover_image" alt=""
                    			style="width: 225rpx;height: 180rpx;border-radius: 20rpx;">
                    	</view>
                    	<view style="line-height: 50rpx;width: 225rpx;overflow: hidden;text-overflow: ellipsis;">
                    		{{item.title}}
                    	</view>
                    	<view style="color: #F2344E;font-size: 35rpx;font-weight: bold;line-height: 50rpx;">
                    		￥{{item.price||0}} 
                            <!-- <span style="font-size: 20rpx;font-weight: 300rpx;">积分</span> -->
                    	</view>
                    </view>
				</view>
			</scroll-view>

		</view>
		<view style="padding: 30rpx;background-color: #ffffff;">
			<view class="cuizi">
				<view style="position: relative;">
					<view
						style="font-size: 35rpx;color: #ffffff;font-weight: bold;top: 20rpx;position: absolute;left: 80rpx;">
						乡村热度榜</view>
				</view>
				<view style="position: relative;top: 76rpx;">
					<view style="display: flex; justify-content:space-between; padding: 36rpx; " v-if="hotvillage">
						<view style="width: 31%;" v-for="(item,index) in hotvillage" :key="index"
							@click="$tourl($unishow+'index/village?vid='+item.id)">
							<view>
								<u-image :src="'/static/index2/no'+item.top+'.png'" mode="widthFix" width="100">
								</u-image>
							</view>
							<view>{{item.v_name}}</view>
							<view style="margin-top: 20rpx;">
								<u-image :src="item.cover_image" width="100%" height="200" border-radius="24">
								</u-image>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="padding: 30rpx;background-color: #ffffff;display: none; ">
			<view style="display: flex;align-items: center;">
				<img src="@/static/chatIcon.png" alt="" style='width: 47rpx;height: 48rpx;'>
				<view
					style="margin-left: 30rpx;font-size: 35rpx;font-family: SourceHanSansCN;font-weight: bold;color: #000000;">
					村聊
				</view>
			</view>
			<view class="">
				<u-dropdown ref="uDropdown">
					<u-dropdown-item v-model="value1" title="全部分类" :options="options1">
						<view class="slot-content" style="background-color: #FFFFFF;padding-bottom: 10rpx;">
							<scroll-view scroll-y="true" style="height: 250rpx;">
								<view style="display: flex;flex-wrap: wrap;">
									<view :class="index==selIndexCurrt?'blue':''" @click="selIndex(item,index)"
										style="border: 1rpx solid #9c9c9c;border-radius: 40rpx; padding: 10rpx;margin-right: 30rpx;width: 140rpx; text-align: center;margin-bottom: 20rpx;"
										v-for="(item,index) in options1">{{item.name}}</view>
								</view>
							</scroll-view>
							<u-button type="primary" @click="closeDropdown">确定</u-button>
						</view>
					</u-dropdown-item>
					<u-dropdown-item v-model="value2" title="默认排序" :options="options2" height="400"
						@change="selDropdown"></u-dropdown-item>
					<u-dropdown-item v-model="value3" title="默认条件" :options="options2" height="400"
						@change="selDropdowns"></u-dropdown-item>
				</u-dropdown>
			</view>
			<view v-if="postlist.length">
				<view v-for="(item,index) in postlist" :key="index" style="margin-bottom: 30rpx;width: 100%;" @click="$tourl($unishow+`index/post/view?vid=${item.vid}&id=${item.id}`)">
					<view style="display: flex;">
						<view>
							<img :src="item.avatar" alt="" style="width: 100rpx;height: 100rpx;border-radius: 50rpx;">
						</view>
						<view style="margin-left: 30rpx;width: 100%;">
							<view style="display: flex;">
								<view style="font-weight: bold;font-size: 32rpx;">{{item.nickname}}</view>
								<view
									style="margin-left: 30rpx;background-color: #1F995B;color: #ffffff;padding: 5rpx 20rpx;border-radius: 20rpx;">
									{{item.forumname}}
								</view>
							</view>
							<view style="margin-top: 30rpx;font-size: 26rpx;color: #9c9c9c;display: flex;justify-content: space-between;flex: 1;">
								<view style="flex: 1;">来自 {{item.areaname}}</view>
								<view style="width: 150rpx;">{{item.createtime.split(' ')[0]}}</view>
							</view>
						</view>
					</view>
					<view style="padding: 30rpx 0;line-height: 50rpx;font-size: 30rpx;" @click.stop="open">
							<u-read-more :toggle="true">
								{{item.message}}
							</u-read-more>
					</view>
					<view style="display: flex;" v-if="item.images.length>0">
						<view  v-for="(ite,inx) in item.images.slice(0,3)" style="width: 32%;height: 200rpx;border-radius: 20rpx;position: relative;border: 2rpx solid #D2D3D7;" :class="inx!=0?'imgSty':''">
							<img @click.stop="imgListPreview(ite)" style="max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);" :src="ite" alt="">
						</view>
					</view>
					<view style="width: 100%;display: flex;justify-content: space-between;padding: 20rpx 0;color: #D2D3D7;align-items: center;">
						<view>
							{{item.view}} <span style="padding-left: 10rpx;">浏览</span>
						</view>
						<view style="display: flex;align-items: center;">
							<view  style="display: flex;align-items: center;"  >
								<img src="@/static/liuyan.png" style="width: 38rpx;height: 35rpx;" alt="">
								<span style="margin: 0 20rpx;">{{item.reply}}</span>
							</view>
							<view style="display: flex;align-items: center;" >
								<img src="@/static/dianzan.png" v-if="item.is_like==0" alt="" style="width: 38rpx;height: 35rpx;" @click.stop="dianzan(item)">
								<img src="@/static/is_like.png" v-else alt="" style="width: 38rpx;height: 35rpx;" @click.stop="dianzan(item)">
								<span style="margin: 0 20rpx;">{{item.like}}</span>
							</view>
						</view>
					</view>
					<view style="background-color:rgb(247, 248, 252);width: 100%;padding: 10rpx;20rpx">
						<view v-for="(itt,inn) in item.replylist" style="display: flex;line-height: 45rpx;font-size: 26rpx;">
							<view style="color: #1d975c;">{{itt.nickname}}:</view>
							<view style="margin-left: 20rpx;">{{itt.message}}</view>
						</view>
					</view>
				</view>
			</view>
			<view v-else style="padding: 50rpx 0;">
				<u-empty text="所选分类数据正在整合" mode="list"></u-empty>
			</view>
		</view>
		<u-modal :show-title="false" v-model="show" :mask-close-able="true" :show-confirm-button="false" >
			<view class="" style="position: relative;">
				<u-icon class="closeIcon" size="36" color="#fff" @click="show=false" name="close-circle"></u-icon>
				<image @click="openLink" :src="showImg" style="width: 100%;" mode="widthFix"></image>
				<view @click="openLink" class="showText">{{showText}}</view>
			</view>
			
		</u-modal>
       <!-- <view class="footer">
            <a href="https://beian.miit.gov.cn"  >版权所有：河南大洋数字技术有限公司    豫ICP备2023009799号-2</a>
        
        </view> -->
		<u-tabbar v-model="tabbar_current" :list="tabbar" :before-switch="beforeSwitch" active-color="#38a93e">
		</u-tabbar>
	</view>

</template>

<script>
	import AnNoticeBar from '@/components/an-notice-bar/an-notice-bar.vue';
	import sempNoticeBar from "@/components/semp-notice-bar/semp-notice-bar.vue"
	export default {
		components: {
			AnNoticeBar,
			sempNoticeBar
		},
		data() {
			return {
				siteName:'',
				selIndexCurrt: 0,
				filterDropdownValue: 0,
				postlist: [],
				value1: 0,
				value2: 0,
				value3: 0,
				options1: [{
						label: '全部分类',
						value: 3,
					},
					{
						label: '村庄动态',
						value: 2,
					},
					{
						label: '村庄活动',
						value: 3,
					},
					{
						label: '村庄故事',
						value: 3,
					}
				],
				options2: [{
						label: '默认排序',
						value: 0,
					},
					{
						label: '最新发布',
						value: 1,
					},
					{
						label: '最新更新',
						value: 2,
					},
					{
						label: '最热帖子',
						value: 3,
					}
				],
				options3: [{
						label: '默认条件',
						value: 0,
					},
					{
						label: '热门信息',
						value: 1,
					},
					{
						label: '有图片的',
						value: 2,
					},
					{
						label: '有规则的',
						value: 3,
					}
				],
				shoplist: [],
				newsList: {},
				keyword: '',
				href: 'https://uniapp.dcloud.io/component/README?id=uniui',
				date: '2020-01-01',
				news: [],
				slide: [],
				nav: [],
				tabbar: [],
				notice: [],
				ad: [],
				tj: {},
				lng: 0,
				lat: 0,
				weather: '',
				hotvillage: [],
				hotvillagecurrent: 0,
				villagelist: [{
					name: '乡村统计'
				}, {
					name: '数据统计'
				}],
				villagecurrent: 0,
				status: 'loadmore',
				village_list: [],
				page: 1,
				loadText: {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '已全部加载'
				},
				tabbar_current: 0,
				chatPage: 1,
				chatPageLast: 1,
				show:false,
				showImg:"",
				showLink:'',
				showText:"",
                mall:[]
			}
		},
		onLoad: function() {
			var that = this;
			uni.request({
				url: this.$unishow + 'api/index/index',
				// header: {
				// 	token: this.token
				// },
				method: 'GET',
				data: {},
				success: res => {
					console.log(res);
					that.siteName=res.data.siteName;
					that.newsList = res.data.hot_article
					that.slide = res.data.slide;
					that.notice = res.data.notice;
					that.shoplist = res.data.shoplist;
					that.nav = res.data.nav;
					that.tabbar = res.data.bottomnav;
					that.tabbar[0].iconPath = 'home';
					that.tabbar[0].selectedIconPath = "home-fill";
					that.tabbar[4].iconPath = 'account';
					that.tabbar[4].selectedIconPath = "account-fill";
					// that.postlist=res.data.postlist;
					that.ad = res.data.ad;
					that.hotvillage = res.data.hotvillage2;
                    that.mall = res.data.mall
					that.tj = res.data.tj;
					if(res.data.window){
						this.show=res.data.window.code==1?true:false
						this.showImg= res.data.window.img
						this.showLink= res.data.window.link
						this.showText=res.data.window.text
					}
					uni.setNavigationBarTitle({
						title: res.data.siteName
					});
                    // window.title=
					that.loaddata();
				},
				fail: () => {},
				complete: () => {}
			});

			this.getChat()
			//微信jssdk
			// if (this.$wechat && this.$wechat.isWechat()) {
			// 	this.$wechat.share({
			// 		title: "河南大洋数字技术有限公司欢迎您",
			// 		desc: "",
			// 		img: this.$unishow + "images/index_banner.jpg"
			// 	}, '', {
			// 		location: {
			// 			type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
			// 			success: function(res) {
			// 				console.log('微信中获取位置');
			// 				console.log(res);
			// 				that.lng = res.longitude;
			// 				that.lat = res.latitude;
			// 				uni.request({
			// 					url: that.$unishow + 'api/index/weather',
			// 					method: 'GET',
			// 					data: {
			// 						lng: that.lng,
			// 						lat: that.lat
			// 					},
			// 					success: res => {
			// 						that.weather = '今日天气：' + res.data.msg;
			// 					},
			// 					fail: () => {},
			// 					complete: () => {}
			// 				});
			// 			}
			// 		}
			// 	});
			// } else {
			// 	//获取位置
			// 	uni.getLocation({
			// 		type: 'wgs84',
			// 		success: function(res) {
			// 			console.log('当前位置的经度：' + res.longitude);
			// 			console.log('当前位置的纬度：' + res.latitude);
			// 			that.lng = res.longitude;
			// 			that.lat = res.latitude;
			// 			uni.request({
			// 				url: this.$unishow + 'api/index/weather',
			// 				method: 'GET',
			// 				data: {
			// 					lng: that.lng,
			// 					lat: that.lat
			// 				},
			// 				success: res => {
			// 					that.weather = '今日天气：' + res.data.msg;
			// 				},
			// 				fail: () => {},
			// 				complete: () => {}
			// 			});
			// 		}
			// 	});
			// }
		},
		methods: {
			openLink(){
				window.open(this.showLink)
			},
			imgListPreview(e){
				let url=[]
				url.push(e)
				uni.previewImage({
					urls:url,
					loop:true,
					indicator:"number"
				})
			},
			open(){},
			onCunzhen(){
				uni.navigateTo({
					url:'/pages/village/claim'
				})
			},
			selDropdown(e) {
				this.value2 = e
				this.postlist = []
				this.chatPage = 1
				this.getChat()
			},
			selDropdowns(e) {
				this.value3 = e
				this.postlist = []
				this.chatPage = 1
				this.getChat()
			},
			closeDropdown() {
				this.postlist = []
				this.chatPage = 1
				this.getChat()
				this.$refs.uDropdown.close();
			},
			selIndex(e, index) {
				this.value1 = e.id
				this.selIndexCurrt = index
			},
			dianzan(item){
				
				  this.$api.myRequest({
					url: 'api/index/checklogin',
					
				}).then(res=>{
					console.log(res)
					
					if (res.code == 0) {
						this.$tourl(`index/post/view?vid=${item.vid}&id=${item.id}`)
					}else{
							this.addZan(item)
					}
				})
			},
			addZan(item){
				this.$api.myRequest({
					url: 'api/index/post_like',
					method:'POST',
						
					data:{
						id:item.id
					},
					
				}).then(res=>{
					if (res.statusCode == 200) {
							if(res.data.like=='add'){
								uni.showToast({
									title:'点赞成功',
									icon:'none'
								})
								item.like++;
								item.is_like=1
								
							}else{
								uni.showToast({
									title:'取消成功',
									icon:'none'
								})
								item.like--;
								item.is_like=0
							}
					}else{
							
					}
				})
			},
			
			getChat() {
				var that = this;
				this.status = 'loading';
				uni.request({
					url: this.$unishow + 'api/index/ajax_post_list',
					method: 'GET',
					data: {
						page: this.chatPage,
						fid: this.value1,
						sortid: this.value2,
						condid: this.value3,
					},
					success: res => {
						this.chatPage = ++this.chatPage;
						if (res.data.list.length < 10) {
							that.status = "nomore"
						} else {
							that.status = "loadmore"
						}
						that.postlist = that.postlist.concat(res.data.list)
						that.options1 = res.data.forumlist
						that.options1.unshift({
							name: '全部分类',
							id: 0
						})
					},
					fail: () => {},
					complete: () => {}
				});
			},
			loaddata() {
				var that = this;
				this.status = 'loading';
				uni.request({
					url: this.$unishow + 'api/index/village_list',
					method: 'GET',
					data: {
						page: this.page
					},
					success: res => {
						this.page = ++this.page;
						if (res.data.list.length < 10) {
							that.status = "nomore"
						} else {
							that.status = "loadmore"
						}
						that.village_list = that.village_list.concat(res.data.list)
					},
					fail: () => {},
					complete: () => {}
				});
			},
			onReachBottom() { //上拉加载
				this.loaddata();
			},
			villagechange(index) {
				this.villagecurrent = index;
			},
			hotvillagechange(e) {
				this.hotvillagecurrent = e.detail.current;
			},

			async checkLogin() {
				this.userinfo = uni.getStorageSync('userinfo');
				this.token = this.userinfo.token;
				let res = await this.$api.myRequest({
					url: 'api/index/checklogin',
					header: {
						token: this.token
					}
				});
				console.log(res);
				if (res.data.code == 0) {
					await uni.showModal({
						title: '温馨提示',
						content: '你还没，请先登录',
						success(res) {
							if (res.confirm) {
								// 账户秘密登录
								let url = '/pages/login/login';
								uni.navigateTo({
									url: url
								});
							}
						}
					})
				}
			},
			goView(e) {
				console.log(e);
				uni.navigateTo({
					url: '../view/view?id=' + e
				});
			},
			onClickHotVillage(id) { //热度村点击
				console.log(id);
				window.location.href = this.$unishow + 'index/village?vid=' + id;
			},
			onClickNav(index) {
				console.log(index);
				console.log(this.nav);
				this.$tourl(this.nav[index].url);
			},
			onNoticeClick(index) {
				console.log(index);
				uni.navigateTo({
					url: '/pages/notice/view?id=' + this.notice[index].id
				});
			},
			onSearch(keyword) { //搜索
				console.log(keyword);
				uni.navigateTo({
					url: '/pages/marticle/search?keyword=' + keyword
				})
			},
			onClickSlide(index) { //幻灯点击
				console.log(index);
				window.location.href = this.slide[index].url;
			},
			beforeSwitch(index) { //底部导航选择
				this.$tourl(this.tabbar[index].pagePath)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.imgSty{
		margin-left:2%
	}
	/deep/ .u-dropdown__content {
		height: 400rpx !important;
	}

	page {
		background-color: #eceef4;
	}

	.blue {
		color: #7EC7FA !important;
		border: 1rpx solid #7EC7FA !important;
	}

	.cuizi {
		background-color: #ffffff;
		width: 100%;
		height: 438rpx;
		background-image: url(@/static/hotIicon.png);
		background-size: 100% 100%;
	}

	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}

	.grid-image {
		padding: 8px 0px;
	}

	.grid-text {
		padding-top: 10rpx;
	}

	.swiper {
		height: 110px;
	}

	.hotNews {
		padding: 30rpx;
		background-color: #ffffff;

		.newsTitle {
			display: flex;
			justify-content: space-between;
			align-items: center;

			img {
				width: 35rpx;
				height: 38rpx;
				margin-right: 12rpx;
			}

			.left {
				display: flex;
				align-items: center;

				.boldTxt {
					font-size: 35rpx;
					font-family: SourceHanSansCN;
					font-weight: bold;
					color: #000000;
				}
			}

			.right {
				color: #9C9C9C;
			}
		}

		.newsBody {
			margin-top: 30rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.left {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}

			.right {
				margin-left: 20rpx;

				img {
					border-radius: 25rpx;
					width: 270rpx;
					height: 173rpx;
				}
			}
		}

		.jifenShop {
			margin-top: 30rpx;
			display: flex;
			justify-content: space-between;

			.shop {
				width: 550rpx;
			}
		}
	}

	.indicator-dots {
		margin-top: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.indicator-dots-item {
		background-color: #C0C0C0;
		height: 6px;
		width: 6px;
		border-radius: 10px;
		margin: 0 3px;
	}

	.indicator-dots-active {
		background-color: #38a93e;
	}
	.closeIcon{
		position: absolute;
		right: 0;
		top: 0;
		z-index: 99;
	}
	.showText{
		text-align: center;
		margin: 16rpx auto 20rpx;
		font-size: 24rpx;
		background-color: #38a93e;
		color: #fff;
		padding: 10rpx 0;
		border-radius: 30rpx;
		width: 240rpx;
	}
    .footer{
            background: #fff;
            font-size: 24rpx;
            text-align: center;
            color: #999;
            padding: 20rpx 0 40rpx;
    }
    .footer a{
        color: #999;
        text-decoration: none;
    }
</style>